<template>
    <div class="shouYeHeader">
        <!-- 顶部 -->
        <div class="top">
            <div class="left">
                <img src="../../assets/img/首页/首页内容/定位.png" alt="">
                <span>解放8号</span>
            </div>
            <div class="right">
                <img src="../../assets/img/首页/首页内容/扫一扫.png" alt="">
                <img class='img2' src="../../assets/img/首页/首页内容/二维码.png" alt="">
                <img src="../../assets/img/首页/首页内容/消息.png" alt="">
            </div>
        </div>
        <!-- 搜索框 -->
        <div class="search">
            <i class="iconfont icon-fangdajing"></i>
            <input type="text" placeholder="盒马电子卡">
            <span>搜索</span>
        </div>
    </div>
</template>

<script>
    export default {
        
    }
</script>

<style lang="scss" scoped>
.shouYeHeader{
    padding-top: 60px;
    .top{
        display:flex;
        align-items: center;
        justify-content: space-between;
        img{
            width: 25px;
        }
        .left,.right{
            display:flex;
            align-items: center;
        }
        .left{
            color:#fff;
            font-weight: 700;
            letter-spacing: 2px;
            img{
                margin-right:5px;
            }
        }
        .right{
            .img2{
                margin:0 10px;
            }
        }
    }
    //搜索框
    .search{
        width: 100%;
        height: 40px;
        background-color: #fff;
        margin-top:20px;
        border-radius:30px;
        display:flex;
        align-items: center;
        .icon-fangdajing{
            font-size:20px;
            color:#838383;
            font-weight:700;
        }
        i{
            margin:0 5px 0 15px;
        }
        input{
            width: 70%;
            height: 100%;
            border:none;
            outline:none;
        }
        input::placeholder{
            font-size:16px;
            color:#838383;
            font-weight:700;
        }
        span{
            display:inline-block;
            padding:8px 16px;
            background-color: #F0A552;
            border-radius:20px;
            color:#fff;
        }
    }
}
</style>